<template>
  <view :style="themeColor">
    <view class="page">
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout fixed-header"
        :style="{height:(120+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between businessPage_fd0_0' v-if=" type=='1'">
          <view class='flex flex-wrap align-center businessPage_fd0_0_c0'>
            <view class='flex flex-direction flex-wrap align-center businessPage_fd0_0_c0_c0'>
              <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"103.png"'></image>
              <text class='businessPage_fd0_0_c0_c0_c1'>出售</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_0_c1'
            @tap.stop="switchHeaderFunc(2)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"105.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>求购</text>
            <view class='flex flex-wrap align-center justify-center businessPage_fd0_0_c1_c2'>
              <text class='businessPage_fd0_0_c1_c2_c0'>免费发布</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_0_c2'
            @tap.stop="switchHeaderFunc(3)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>粮贸地图</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_0_c2'
            @tap.stop="switchHeaderFunc(4)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>对接厂家</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between businessPage_fd0_0' v-if=" type=='2'">
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(1)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"107.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>出售</text>
          </view>
          <view class='flex flex-wrap align-center justify-center businessPage_fd0_1_c1'>
            <view class='flex flex-direction flex-wrap align-center businessPage_fd0_1_c1_c0'>
              <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"108.png"'></image>
              <text class='businessPage_fd0_0_c0_c0_c1'>求购</text>
            </view>
            <view class='flex flex-wrap align-center justify-center businessPage_fd0_1_c1_c1'>
              <text class='businessPage_fd0_0_c1_c2_c0'>免费发布</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(3)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>粮贸地图</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_0_c2'
            @tap.stop="switchHeaderFunc(4)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>对接厂家</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between businessPage_fd0_0' v-if=" type=='3'">
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(1)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"107.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>出售</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(2)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"105.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>求购</text>
            <view class='flex flex-wrap align-center justify-center businessPage_fd0_2_c1_c2'>
              <text class='businessPage_fd0_0_c1_c2_c0'>免费发布</text>
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-center businessPage_fd0_1_c1'>
            <view class='flex flex-direction flex-wrap align-center businessPage_fd0_2_c2_c0'>
              <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
              <text class='businessPage_fd0_2_c2_c0_c1'>粮贸地图</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_0_c2'
            @tap.stop="switchHeaderFunc(4)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>对接厂家</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between' v-if=" type=='4'">
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(1)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"107.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>出售</text>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(2)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"105.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>求购</text>
            <view class='flex flex-wrap align-center justify-center businessPage_fd0_3_c1_c2'>
              <text class='businessPage_fd0_0_c1_c2_c0'>免费发布</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-center justify-center businessPage_fd0_1_c0'
            @tap.stop="switchHeaderFunc(3)">
            <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"90.png"'></image>
            <text class='businessPage_fd0_0_c1_c1'>粮贸地图</text>
          </view>
          <view class='flex flex-wrap align-center justify-end businessPage_fd0_3_c3'>
            <view class='flex flex-direction flex-wrap align-center businessPage_fd0_3_c3_c0'>
              <image class='businessPage_fd0_0_c0_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
              <text class='businessPage_fd0_0_c0_c0_c1'>对接厂家</text>
            </view>
          </view>
        </view>
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout businessPage_flex_1"
          v-if=" in_array(type,'1,2')">
          <view class='flex flex-wrap align-center'>
            <view class='flex flex-wrap align-center justify-center businessPage_fd1_0_c0'
              @tap.stop="pickerDiy1706430802820=true">
              <text class='businessPage_fd1_0_c0_c0'>地区</text>
              <image class='businessPage_fd1_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"1.png"'></image>
            </view>
            <view class='flex flex-wrap align-center justify-center businessPage_fd1_0_c0'
              @tap.stop="pickerDiy1706430853308=true">
              <text class='businessPage_fd1_0_c0_c0'>类别</text>
              <image class='businessPage_fd1_0_c0_c1' mode="aspectFit" :src='STATIC_URL+"1.png"'></image>
            </view>
          </view>
          <view class='flex flex-wrap align-center businessPage_fd1_1'>
            <view class='flex flex-wrap align-center justify-center businessPage_fd1_1_c0' v-if="suozaidi">
              <text class='businessPage_fd1_1_c0_c0'>{{suozaidi}}</text>
              <image class='businessPage_fd1_1_c0_c1' @click.stop="clearSearch('1')" mode="aspectFit"
                :src='STATIC_URL+"106.png"'></image>
            </view>
            <view class='flex flex-wrap align-center justify-center businessPage_fd1_1_c0' v-if="pingName">
              <text class='businessPage_fd1_1_c0_c0'>{{pingName}}</text>
              <image class='businessPage_fd1_1_c0_c1' @click.stop="clearSearch('2')" mode="aspectFit"
                :src='STATIC_URL+"106.png"'></image>
            </view>
          </view>
        </view>


        <!-- 地图 -->
        <view v-if=" type=='3'" style="background-color: #eee;">
          <view class='flex flex-wrap align-center businessPage_fd6_0'>
            <view>
              <benben-flex-tabs class-name='businessPage_benbenTabsfd6_0_c0' v-model="station" ref="benben_tabsfd6_0_c0"
                @change="getList()" select-mark="benben_tabsfd6_0_c0" key="benben_tabsfd6_0_c0" :open-title-type='false'
                :open-sticky='false' :top='0' :is-show-content='false' :scrollspy='false'
                :tabs-info.sync="tabsInfofd6_0_c0">

                <scroll-view @scroll="tabsInfofd6_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd6_0_c0"
                  class="benben-tabs" style="width:710rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd6_0_c0.moveX"
                  scroll-with-animation="all .3s ease">
                  <view class="benben-tabs-content" id="benben_tabsfd6_0_c0-content">
                    <view id="benben_tabsfd6_0_c0-title"
                      class="benben-tabs-title flex flex align-center justify-around">
                      <view
                        :class="{ 'checkTitlefd6_0_c0': station == '1', 'flex flex-wrap align-center justify-center businessPage_titlefd6_0_c0_c3': true }"
                        @tap="station = '1'" :id="`benben_tabsfd6_0_c0-title-item-${'1'}`">

                        <text>粮贸地图</text>

                      </view>
                      <view
                        :class="{ 'checkTitlefd6_0_c0': station == '2', 'flex flex-wrap align-center justify-center businessPage_titlefd6_0_c0_c3': true }"
                        @tap="station = '2'" :id="`benben_tabsfd6_0_c0-title-item-${'2'}`">

                        <text>粮贸列表</text>

                      </view>
                      <view
                        :class="{ 'checkTitlefd6_0_c0': station == '3', 'flex flex-wrap align-center justify-center businessPage_titlefd6_0_c0_c3': true }"
                        @tap="goMyragin('3')" :id="`benben_tabsfd6_0_c0-title-item-${'3'}`">

                        <text>我的粮贸</text>

                      </view>
                    </view>

                  </view>
                </scroll-view>

              </benben-flex-tabs>

            </view>
          </view>
          <view class='flex flex-wrap align-center'>
            <view>
              <benben-flex-tabs class-name='businessPage_benbenTabsfd6_1_c0' v-model="cateId" ref="benben_tabsfd6_1_c0"
                select-mark="benben_tabsfd6_1_c0" key="benben_tabsfd6_1_c0" :open-title-type='false'
                :open-sticky='false' :top='0' :is-show-content='false' :scrollspy='false'
                :tabs-info.sync="tabsInfofd6_1_c0">

                <scroll-view @scroll="tabsInfofd6_1_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd6_1_c0"
                  class="benben-tabs" style="width:710rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd6_1_c0.moveX"
                  scroll-with-animation="all .3s ease">
                  <view class="benben-tabs-content" id="benben_tabsfd6_1_c0-content">
                    <view id="benben_tabsfd6_1_c0-title" class="benben-tabs-title flex align-center flex ">
                      <view
                        :class="{ 'checkTitlefd6_1_c0': cateId == item.aid, 'flex align-center businessPage_titlefd6_1_c0_c3': true }"
                        v-for="(item,index) in cateList" :key="index" @tap.stop="chooseCate(item)"
                        :id="`benben_tabsfd6_1_c0-title-item-${item.aid}`">

                        <text>{{item.mingcheng}}</text>

                      </view>
                    </view>

                  </view>
                </scroll-view>

              </benben-flex-tabs>

            </view>
          </view>
        </view>
        <!-- edndddd -->
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->

      <!---flex布局flex布局结束-->
      <!--出售求购类别筛选开始 -->
      <benben-picker ref="benbenWritePickerCodepicker2" :visible.sync="pickerDiy1706430853308" mode='linkage'
        :value.sync="pingid" :label.sync="pingName" :options.sync='pinzhongList' :mask-show='true' :timeout='true'
        :picker-height='88' :level='3' default-type='value'
        :default-props='{"label":"mingcheng","value":"aid","children":"children"}'>
        <template #picker-header>
          <view class='flex flex-wrap align-center justify-between businessPage_picker2_0'>
            <text class='businessPage_picker2_0_c0' @tap="$refs.benbenWritePickerCodepicker2.cancel()">取消</text>
            <text>选择品种</text>
            <text class='businessPage_picker2_0_c2' @tap="seacrhList1()">确认</text>
          </view>
        </template>
      </benben-picker>
      <!--出售求购类别筛选结束 -->
      <!--选择所在地区开始 -->
      <benben-picker ref="benbenWritePickerCodepicker3" :visible.sync="pickerDiy1706430802820" mode='region'
        :label.sync="suozaidi" :mask-show='true' :picker-height='88' :hide-area='true'>
        <template #picker-header>
          <view class='flex flex-wrap align-center justify-between businessPage_picker3_0'>
            <text class='businessPage_picker3_0_c0' @tap="$refs.benbenWritePickerCodepicker3.cancel()">取消</text>
            <text>选择所在地区</text>
            <text class='businessPage_picker3_0_c2' @tap="seacrhList()">确认</text>
          </view>
        </template>
      </benben-picker>
      <!--选择所在地区结束 -->
      <!---flex布局flex布局开始-->
      <view class="">
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout businessPage_flex_4"
          v-if=" type=='1'" v-for="(item,index) in dataList" :key="index">
          <view class='flex flex-direction flex-wrap align-stretch businessPage_fd4_0' @tap.stop="handleJumpDiy"
            data-type="navigateTo"
            :data-url="`/pages/shouye/saleDetails/saleDetails?aid=${item.aid}&type=${item.fenlei}`">
            <view class='flex flex-wrap align-center'>
              <image class='businessPage_fd4_0_c0_c0' mode="aspectFill" :src='STATIC_URL+"52.png"'></image>
              <text class='businessPage_fd4_0_c0_c1'>{{item.fenlei_name}}</text>
              <view class="margin-lr-sm text-weight-600 buycate_mingcheng">{{item.buycate_mingcheng}}</view>
              <text class='businessPage_fd4_0_c0_c1'>{{item.shuliang}}吨</text>
              <view class='flex flex-wrap align-center businessPage_fd4_0_c0_c4'>
                <text
                  class='businessPage_fd4_0_c0_c4_c0'>{{item.zhuangchejiage=='-1' ?'电话沟通' : item.zhuangchejiage}}</text>
                <text class='businessPage_fd4_0_c0_c4_c1' v-if="item.zhuangchejiage!='-1'">元/斤</text>
              </view>
            </view>
            <view class='flex flex-wrap align-center businessPage_fd4_0_c1'>
              <image class='businessPage_fd4_0_c1_c0' mode="aspectFill" :src='item.tupian[0]'></image>
              <view class='flex flex-direction flex-wrap align-start'>
                <view class='flex flex-wrap align-center'>
                  <text class='businessPage_fd4_0_c1_c1_c0_c0'>地区</text>
                  <text class='businessPage_fd4_0_c1_c1_c0_c1'>{{item.suozaidi}}</text>
                </view>
                <view class='flex flex-wrap align-center businessPage_fd4_0_c1'>
                  <view class='flex flex-wrap align-center' style="width: 200rpx;">
                    <text class='businessPage_fd4_0_c1_c1_c0_c0'>水分</text>
                    <text class='businessPage_fd4_0_c1_c1_c1_c0_c1'>{{item.shuifen}}</text>
                  </view>
                  <view class='flex flex-wrap align-center businessPage_fd4_0_c1_c1_c1_c1'>
                    <text class='businessPage_fd4_0_c1_c1_c0_c0'>容重</text>
                    <text class='businessPage_fd4_0_c1_c1_c1_c0_c1'>{{item.rongliang}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center businessPage_fd4_0_c1'>
                  <view class='flex flex-wrap align-center' style="width: 200rpx;">
                    <text class='businessPage_fd4_0_c1_c1_c0_c0'>净毛</text>
                    <text class='businessPage_fd4_0_c1_c1_c1_c0_c1'>{{item.buyzazhi_id_name}}</text>
                  </view>
                  <view class='flex flex-wrap align-center businessPage_fd4_0_c1_c1_c1_c1'>
                    <text class='businessPage_fd4_0_c1_c1_c0_c0'>年份</text>
                    <text class='businessPage_fd4_0_c1_c1_c1_c0_c1'>{{item.nianfen}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center businessPage_fd4_0_c1'>
                  <view class='flex flex-wrap align-center businessPage_fd4_0_c1_c1_c3_c0' v-if="item.certified==2">
                    <image class='businessPage_fd4_0_c1_c1_c3_c0_c0' mode=" aspectFit" :src='STATIC_URL+"5.png"'>
                    </image>
                    <text class='businessPage_fd4_0_c1_c1_c3_c0_c1'>已实名</text>
                  </view>
                  <view class='flex flex-wrap align-center' v-if="item.is_vip">
                    <image class='businessPage_fd4_0_c1_c1_c3_c0_c0' mode="aspectFit" :src='STATIC_URL+"6.png"'></image>
                    <text class='businessPage_fd4_0_c1_c1_c3_c0_c1'>VIP会员</text>
                  </view>
                </view>
              </view>
            </view>
            <view class='flex flex-wrap align-start businessPage_fd4_0_c2' v-if="item.beizhu">
              <text class='businessPage_fd4_0_c2_c0'>备注</text>
              <view class='flex flex-wrap align-center flex-sub businessPage_fd4_0_c2_c1'>
                <text class='businessPage_fd4_0_c2_c1_c0'>{{item.beizhu}}</text>
              </view>
            </view>
            <view class='flex align-start businessPage_fd4_0_c1'>
              <image class='businessPage_fd4_0_c3_c0' mode="aspectFit" :src='item.user_avatar'></image>
              <view class='flex flex-direction flex-wrap align-start'>
                <text class='businessPage_fd4_0_c3_c1_c0'>{{item.user_nickname}}</text>
                <view class='flex flex-wrap align-center businessPage_fd4_0_c3_c1_c1'>
                  <text class='businessPage_fd4_0_c3_c1_c1_c0'>发布日期：</text>
                  <text class='businessPage_fd4_0_c3_c1_c1_c0'>{{item.create_time}}</text>
                </view>
              </view>
              <!-- <view class='flex flex-wrap align-center justify-center businessPage_fd4_0_c3_c2'>
                <view class='flex flex-wrap align-center businessPage_fd4_0_c3_c2_c0'>
                  <text class='businessPage_fd4_0_c3_c2_c0_c0'>限时免费</text>
                </view>
                <text class='businessPage_fd4_0_c3_c2_c1'>免费联系</text>
              </view> -->
            </view>
          </view>
          <view class='flex flex-wrap align-center justify-between businessPage_fd4_1' @tap.stop="handleJumpDiy"
            v-if="index%7==1" data-type="relaunch" :data-url="`/pages/tabBar/release/release`">
            <!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
              <image class='businessPage_fd4_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
              <view class='flex flex-wrap align-center businessPage_fd4_1_c0_c1'>
                <image class='businessPage_fd4_1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
                <text class='businessPage_fd4_1_c0_c1_c1'>自动匹配全国货源，找粮更快！</text>
              </view>
            </view>
            <button class='businessPage_fd4_1_c1'>智能卖粮</button> -->
          </view>
        </view>

      </view>


      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout businessPage_flex_5" v-if=" type=='2'"
        v-for="(item,index) in dataList" :key="index">
        <view class='flex flex-direction flex-wrap align-stretch businessPage_fd5_0' @tap.stop="handleJumpDiy"
          data-type="navigateTo"
          :data-url="`/pages/shouye/saleDetails/saleDetails?aid=${item.aid}&type=${item.fenlei}`">
          <view class='flex flex-wrap align-center'>
            <image class='businessPage_fd5_0_c0_c0' v-if="item.is_vip" mode="aspectFit" :src='STATIC_URL+"39.png"'>
            </image>
            <text class='businessPage_fd5_0_c0_c1'>{{item.fenlei_name}}</text>
            <!-- <image class='businessPage_fd5_0_c0_c2' mode="aspectFit" :src='STATIC_URL+"2.png"'></image> -->
            <view class="margin-lr-sm text-weight-600 buycate_mingcheng">{{item.buycate_mingcheng}}</view>

            <view class='flex flex-wrap align-center businessPage_fd5_0_c0_c3'>
              <text
                class='businessPage_fd5_0_c0_c3_c0'>{{item.zhuangchejiage=='-1' ?'电话沟通' : item.zhuangchejiage}}</text>
              <text class='businessPage_fd5_0_c0_c3_c1' v-if="item.zhuangchejiage!='-1'">元/斤</text>
            </view>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch businessPage_fd5_0_c1'>
            <view class='flex flex-wrap align-center businessPage_fd5_0_c1_c0'>
              <text class='businessPage_fd5_0_c1_c0_c0'>求购地区</text>
              <text>{{item.suozaidi}}</text>
            </view>
            <view class='flex flex-wrap align-center justify-between businessPage_fd5_0_c1_c1'>
              <view class='flex flex-direction flex-wrap align-center'>
                <text class='businessPage_fd5_0_c1_c1_c0_c0'>数量</text>
                <text class='businessPage_fd5_0_c1_c1_c0_c1'>{{item.shuliang}}吨</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center'>
                <text class='businessPage_fd5_0_c1_c1_c0_c0'>水分</text>
                <text class='businessPage_fd5_0_c1_c1_c0_c1'>{{item.shuifen}}</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center'>
                <text class='businessPage_fd5_0_c1_c1_c0_c0'>容重</text>
                <text class='businessPage_fd5_0_c1_c1_c0_c1'>{{item.rongliang}}</text>
              </view>
              <view class='flex flex-direction flex-wrap align-center'>
                <text class='businessPage_fd5_0_c1_c1_c0_c0'>净毛</text>
                <text class='businessPage_fd5_0_c1_c1_c0_c1'>{{item.buyzazhi_id_name}}</text>
              </view>
            </view>
            <view class='flex flex-wrap align-center'>
              <view class='flex flex-wrap align-center businessPage_fd5_0_c1_c2_c0'
                v-for="(itemC,indexC) in item.buyqita_mingcheng" :key="indexC">
                <text class='businessPage_fd5_0_c1_c2_c0_c0'>{{itemC}}</text>
              </view>
            </view>
          </view>
          <view class='flex flex-wrap align-start businessPage_fd5_0_c2' v-if="item.beizhu">
            <text class='businessPage_fd5_0_c2_c0'>备注</text>
            <view class='flex flex-wrap align-center flex-sub businessPage_fd5_0_c2_c1'>
              <view class='text-cut-3 businessPage_fd5_0_c2_c1_c0'>{{item.beizhu}}</view>
            </view>
          </view>
          <view class='flex flex-wrap align-start businessPage_fd5_0_c1'>
            <image class='businessPage_fd5_0_c3_c0' mode="aspectFit" :src='item.user_avatar'></image>
            <view class='flex flex-direction flex-wrap align-start'>
              <text class='businessPage_fd5_0_c3_c1_c0'>{{item.user_nickname}}</text>
              <view class='flex flex-wrap align-center businessPage_fd5_0_c3_c1_c1'>
                <text class='businessPage_fd5_0_c3_c1_c1_c0'>发布日期：</text>
                <text class='businessPage_fd5_0_c3_c1_c1_c0'>{{item.create_time}}</text>
              </view>
            </view>
            <!-- <view class='flex flex-wrap align-center justify-center businessPage_fd5_0_c3_c2'>
              <view class='flex flex-wrap align-center businessPage_fd5_0_c3_c2_c0'>
                <text class='businessPage_fd5_0_c3_c2_c0_c0'>会员专享</text>
              </view>
              <text class='businessPage_fd5_0_c3_c2_c1'>立即联系</text>
            </view> -->
          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between businessPage_fd5_1' @tap.stop="handleJumpDiy"
          v-if="index%7==1" data-type="relaunch" :data-url="`/pages/tabBar/release/release`">
          <!--  <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <image class='businessPage_fd5_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
            <view class='flex flex-wrap align-center businessPage_fd5_1_c0_c1'>
              <image class='businessPage_fd5_1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
              <text class='businessPage_fd5_1_c0_c1_c1'>自动匹配全国货源，找粮更快！</text>
            </view>
          </view>
          <button class='businessPage_fd5_1_c1'>智能找粮</button> -->
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout businessPage_flex_6"
        v-if=" type=='3'">
        <view class='flex flex-wrap align-center businessPage_fd6_0'>
          <!-- <view>
            <benben-flex-tabs class-name='businessPage_benbenTabsfd6_0_c0' v-model="station" ref="benben_tabsfd6_0_c0"
              @change="getList()" select-mark="benben_tabsfd6_0_c0" key="benben_tabsfd6_0_c0" :open-title-type='false'
              :open-sticky='false' :top='0' :is-show-content='false' :scrollspy='false'
              :tabs-info.sync="tabsInfofd6_0_c0">

              <scroll-view @scroll="tabsInfofd6_0_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd6_0_c0"
                class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd6_0_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd6_0_c0-content">
                  <view id="benben_tabsfd6_0_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                    <view
                      :class="{ 'checkTitlefd6_0_c0': station == '1', 'flex flex-wrap align-center justify-center businessPage_titlefd6_0_c0_c3': true }"
                      @tap="station = '1'" :id="`benben_tabsfd6_0_c0-title-item-${'1'}`">

                      <text>粮站地图</text>

                    </view>
                    <view
                      :class="{ 'checkTitlefd6_0_c0': station == '2', 'flex flex-wrap align-center justify-center businessPage_titlefd6_0_c0_c3': true }"
                      @tap="station = '2'" :id="`benben_tabsfd6_0_c0-title-item-${'2'}`">

                      <text>粮站列表</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd6_0_c0.lineleft, maxWidth: tabsInfofd6_0_c0.lineWidth ,}"
                    id="benben_tabsfd6_0_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line businessPage_linefd6_0_c0"></view>
                </view>
              </scroll-view>

            </benben-flex-tabs>

          </view> -->
        </view>
        <!-- v-if=" station=='1'" -->
        <view class='flex flex-wrap align-center'>
          <!-- <view>
            <benben-flex-tabs class-name='businessPage_benbenTabsfd6_1_c0' v-model="cateId" ref="benben_tabsfd6_1_c0"
              select-mark="benben_tabsfd6_1_c0" key="benben_tabsfd6_1_c0" :open-title-type='false' :open-sticky='false'
              :top='0' :is-show-content='false' :scrollspy='false' :tabs-info.sync="tabsInfofd6_1_c0">

              <scroll-view @scroll="tabsInfofd6_1_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd6_1_c0"
                class="benben-tabs" style="width:600rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd6_1_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd6_1_c0-content">
                  <view id="benben_tabsfd6_1_c0-title" class="benben-tabs-title flex align-center flex ">
                    <view
                      :class="{ 'checkTitlefd6_1_c0': cateId == item.aid, 'flex flex-wrap align-center businessPage_titlefd6_1_c0_c3': true }"
                      v-for="(item,index) in cateList" :key="index" @tap.stop="chooseCate(item)"
                      :id="`benben_tabsfd6_1_c0-title-item-${item.aid}`">

                      <text>{{item.mingcheng}}</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd6_1_c0.lineleft, maxWidth: tabsInfofd6_1_c0.lineWidth ,}"
                    id="benben_tabsfd6_1_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line businessPage_linefd6_1_c0"></view>
                </view>
              </scroll-view>

            </benben-flex-tabs>

          </view> -->
        </view>
        <view class="margin-top-llllg" v-if="station==1">
          <map id="map" class="map" :show-location="true" :markers="markers" :circles="circles"
            :latitude="address.latitude" :longitude="address.longitude" @markertap="markertap"></map>
          <!-- <map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"> -->
          </map>
        </view>
        <!-- <view class='flex flex-wrap align-center businessPage_fd6_2' v-if=" station=='2'">
          <view class='flex flex-wrap align-center businessPage_fd6_2_c0'>
            <text class='businessPage_fd6_2_c0_c0'>{{address.city}}</text>
            <image class='businessPage_fd6_2_c0_c1' mode="aspectFit" :src='STATIC_URL+"68.png"'></image>
          </view>
          <scroll-view class="fu-tab flex align-center" scroll-x="true">
            <view class='flex fu-tab-item' :class="cateId==item.aid ? 'active' : ''" v-for="(item,index) in cateList"
              :key="index" @click.stop="chooseCate(item)">
              {{item.mingcheng}}
            </view>
          </scroll-view>
        </view> -->
        <view class='flex flex-direction flex-wrap align-stretch margin-top-llllg' v-if=" station=='2'">
          <view class='flex flex-direction flex-wrap align-stretch businessPage_fd6_3_c0' @tap.stop="handleJumpDiy"
            v-for="(item,index) in dataList" :key="index" data-type="navigateTo"
            :data-url="`/pages/shouye/grainDetails/grainDetails?aid=${item.aid}`">
            <view class='flex flex-wrap align-center'>
              <image class='businessPage_fd6_3_c0_c0_c0' mode="aspectFill" :src='item.zhaopaifengmian[0]'></image>
              <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
                <text class='businessPage_fd6_3_c0_c0_c1_c0'>{{item.mingcheng}}</text>
                <text class='businessPage_fd6_3_c0_c0_c1_c1'>{{item.chengshi}}</text>
                <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c2'>
                  <text class='businessPage_fd6_3_c0_c0_c1_c2_c0'>经营</text>
                  <text class='businessPage_fd6_3_c0_c0_c1_c2_c0'>{{item.jingyingnianxian}}年</text>
                  <text class='businessPage_fd6_3_c0_c0_c1_c2_c0'>丨距您</text>
                  <text class='businessPage_fd6_3_c0_c0_c1_c2_c3'>{{item.distance}}</text>
                </view>
                <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c3'>
                  <text
                    class='businessPage_fd6_3_c0_c0_c1_c3_c0'>{{item.liangzhan_cate_pid1_text}}{{item.liangzhan_cate_pid2_text}}{{item.liangzhan_cate_pid3_text}}</text>
                  <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c3_c1'
                    v-if="item.liangzhan_cate_pid4_text">
                    <text class='businessPage_fd6_3_c0_c0_c1_c3_c1_c0'>{{item.liangzhan_cate_pid4_text}}</text>
                  </view>
                  <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c3_c1'
                    v-if="item.liangzhan_cate_pid5_text">
                    <text class='businessPage_fd6_3_c0_c0_c1_c3_c1_c0'>{{item.liangzhan_cate_pid5_text}}</text>
                  </view>
                  <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c3_c1'
                    v-if="item.liangzhan_cate_pid6_text">
                    <text class='businessPage_fd6_3_c0_c0_c1_c3_c1_c0'>{{item.liangzhan_cate_pid6_text}}</text>
                  </view>
                </view>
                <view class='flex flex-wrap align-center businessPage_fd6_3_c0_c0_c1_c4'>
                  <view class="flex flex-wrap align-center" v-if="item.certified==2">
                    <image class='businessPage_fd6_3_c0_c0_c1_c4_c0' mode="aspectFit" :src='STATIC_URL+"5.png"'></image>
                    <text class='businessPage_fd6_3_c0_c0_c1_c4_c1'>已实名认证</text>
                  </view>

                  <view class="flex flex-wrap align-center" v-if="item.is_vip">
                    <image class='businessPage_fd6_3_c0_c0_c1_c4_c2' mode="aspectFit" :src='STATIC_URL+"5.png"'></image>
                    <text class='businessPage_fd6_3_c0_c0_c1_c4_c1'>VIP会员</text>
                  </view>

                </view>
              </view>
            </view>
            <!-- <view class='flex flex-wrap align-center justify-between businessPage_fd6_3_c0_c1'>
              <view class='flex flex-wrap align-center justify-center businessPage_fd6_3_c0_c1_c0'>
                <image class='businessPage_fd6_3_c0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"62.png"'></image>
                <image class='businessPage_fd6_3_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"63.png"'></image>
                <text class='businessPage_fd6_3_c0_c1_c0_c2'>一键导航</text>
              </view>
              <view class='flex flex-wrap align-center justify-center businessPage_fd6_3_c0_c1_c1'>
                <image class='businessPage_fd6_3_c0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"62.png"'></image>
                <image class='businessPage_fd6_3_c0_c1_c0_c1' mode="aspectFit" :src='STATIC_URL+"64.png"'></image>
                <text class='businessPage_fd6_3_c0_c1_c0_c2'>立即联系</text>
              </view>
            </view> -->
          </view>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout businessPage_flex_7"
        v-if=" type=='4'">
        <view class='flex flex-wrap align-center justify-between businessPage_fd7_0'>
          <text class='businessPage_fd7_0_c0'>欢迎洛阳张老板加入惠找粮</text>
          <image class='businessPage_fd7_0_c1' mode="aspectFit" :src='STATIC_URL+"7.png"'></image>
        </view>
        <view class='flex flex-wrap align-center'>
          <view>
            <benben-flex-tabs class-name='businessPage_benbenTabsfd7_1_c0' v-model="Manufacturer"
              ref="benben_tabsfd7_1_c0" select-mark="benben_tabsfd7_1_c0" key="benben_tabsfd7_1_c0"
              :open-title-type='false' :open-sticky='true' :top='0' :is-show-content='false' :scrollspy='false'
              @change='getList()' :tabs-info.sync="tabsInfofd7_1_c0">

              <scroll-view @scroll="tabsInfofd7_1_c0.scrollX = $event.detail.scrollLeft" id="benben_tabsfd7_1_c0"
                class="benben-tabs" style="width:750rpx" :scroll-x="true" :scroll-left.sync="tabsInfofd7_1_c0.moveX"
                scroll-with-animation="all .3s ease">
                <view class="benben-tabs-content" id="benben_tabsfd7_1_c0-content">
                  <view id="benben_tabsfd7_1_c0-title" class="benben-tabs-title flex flex align-center justify-around">
                    <view :class="{ 'checkTitlefd7_1_c0': Manufacturer == '1', 'flex flex-wrap align-center': true }"
                      @tap="Manufacturer = '1'" :id="`benben_tabsfd7_1_c0-title-item-${'1'}`">

                      <text>小麦厂家</text>

                    </view>
                    <view :class="{ 'checkTitlefd7_1_c0': Manufacturer == '2', 'flex flex-wrap align-center': true }"
                      @tap="Manufacturer = '2'" :id="`benben_tabsfd7_1_c0-title-item-${'2'}`">

                      <text>玉米厂家</text>

                    </view>
                  </view>
                  <view :style="{ left: tabsInfofd7_1_c0.lineleft, maxWidth: tabsInfofd7_1_c0.lineWidth ,}"
                    id="benben_tabsfd7_1_c0-line"
                    class="benben-tabs-line flex benben-flex-tabs-line businessPage_linefd7_1_c0"></view>
                </view>
              </scroll-view>

            </benben-flex-tabs>

          </view>
        </view>
        <view class='flex flex-wrap align-center justify-between businessPage_fd7_2'>
          <view class='flex flex-wrap align-center'>
            <text class='businessPage_fd7_2_c0_c0'>省份</text>
            <text class='businessPage_fd7_2_c0_c1'>厂家名称</text>
          </view>
          <view class='flex flex-wrap align-center'>
            <text class='businessPage_fd7_2_c1_c0'>价格</text>
            <text class='businessPage_fd7_2_c1_c0'>涨落</text>
            <text class='businessPage_fd7_2_c1_c0'>详情</text>
          </view>
        </view>
        <view class='flex flex-wrap align-center businessPage_fd7_3' v-for="(item,index) in dataList" :key="index">
          <view class='flex flex-wrap align-center businessPage_fd7_3_c0'>
            <text class='businessPage_fd7_3_c0_c0'>{{item.chengshi}}</text>
          </view>
          <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <view class='flex flex-wrap align-center businessPage_fd7_3_c1_c0' v-for="(itemC,indexC) in item.list"
              :key="indexC" @tap.stop="handleJumpDiy" data-type="navigateTo"
              :data-url="`/pages/shouye/manufacturerDetails/manufacturerDetails?aid=${itemC.aid}`">
              <view class='flex flex-direction flex-wrap align-start' style="width: 250rpx;">
                <text class='businessPage_fd7_3_c1_c0_c0_c0'>{{itemC.firm_mingcheng}}</text>
                <text class='businessPage_fd7_3_c1_c0_c0_c1'>{{itemC.chengshi_area}}</text>
              </view>
              <view class='businessPage_fd7_3_c1_c0_c1' style="width: 90rpx;text-align: center;">{{itemC.shougoujiage}}
              </view>
              <view class='flex flex-wrap align-center businessPage_fd7_3_c1_c0_c2'
                style="width: 100rpx;text-align: center;">
                <view class="" v-if="!itemC.zhangluo">
                  <image class='businessPage_fd7_3_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"59.png"'></image>
                  <text class='businessPage_fd7_3_c1_c0_c2_c1'>{{itemC.zhangluo_num}}</text>
                </view>
                <view class="" v-if="itemC.zhangluo">
                  <image class='businessPage_fd7_3_c1_c0_c2_c0' mode="aspectFit" :src='STATIC_URL+"60.png"'></image>
                  <text class='businessPage_fd7_3_c1_c2_c2_c1'>{{itemC.zhangluo_num}}</text>
                </view>
              </view>
              <image class='businessPage_fd7_3_c1_c0_c3' mode="aspectFit" :src='STATIC_URL+"58.png"'></image>
            </view>
          </view>
        </view>
        <fu-empty-ui v-if="type==4 && dataList.length==0"></fu-empty-ui>
        <view class='flex flex-wrap align-center justify-between businessPage_fd7_4' @tap.stop="handleJumpDiy"
          data-type="relaunch" :data-url="`/pages/tabBar/release/release`">
          <!-- <view class='flex flex-direction flex-wrap align-stretch flex-sub'>
            <image class='businessPage_fd7_4_c0_c0' mode="aspectFit" :src='STATIC_URL+"41.png"'></image>
            <view class='flex flex-wrap align-center businessPage_fd7_4_c0_c1'>
              <image class='businessPage_fd7_4_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"42.png"'></image>
              <text class='businessPage_fd7_4_c0_c1_c1'>自动匹配全国货源，找粮更快！</text>
            </view>
          </view>
          <button class='businessPage_fd7_4_c1'>智能找粮</button> -->
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex benben-flex-layout flex-wrap align-center" v-if=" type=='3'">
        <image class='businessPage_fd8_0' mode="aspectFill" :src='STATIC_URL+"67.png"' @tap.stop="gohref"
          data-type="navigateTo" :data-url="`/pages/wode/notgrainStation/notgrainStation`"></image>
      </view>

      <!---flex布局flex布局结束-->

      <fu-empty v-if="type==1 || type==2" :pagingListLoadedAll="pagingListLoadedAll"
        :pagingListNoListData="pagingListNoListData" :listDataLength="listDataLength"
        :isLoadInit="isLoadInit"></fu-empty>


    </view>
    <fuTabbr :intopath="intopath"></fuTabbr>
  </view>
</template>
<script>
  import pagingList from '@/common/mixin/paging_list.js';
  import fuTabbr from '@/components/tabbar/tabbar.vue'
  export default {
    components: {
      fuTabbr
    },

    mixins: [pagingList],
    data() {
      return {
        intopath: 1,
        "tabsInfofd7_1_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "tabsInfofd6_1_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "tabsInfofd6_0_c0": {
          lineleft: '',
          lineWidth: '',
          moveX: 0,
          scrollX: 0,
          PageScrollX: 0
        },
        "pickerDiy1706430802820": false,
        "pickerDiy1706430853308": false,
        "region": "",
        "category": "",
        "station": "1",
        "station_child": "1",
        "Manufacturer": "1",
        "type": "1",
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        dataList: [],
        suozaidi: '',
        pinzhongList: [],
        pingid: '',
        pingName: '',
        cateList: [],
        cateId: '',
        lat: '',
        lng: '',
        markers: [],
        circles: [],
        address: {
          latitude: '',
          longitude: '',
          city: ''
        },
        is_vip: false
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },
      userInfo() {
        return this.$store.state.userInfo
      },
      isLogin() {
        return this.$store.state.token == '' ? false : true;
      }
    },
    watch: {},
    onLoad(options) {
      let {
        type
      } = options
      if (type !== undefined) this.type = type
      if (this.isLogin) {
        this.$api.post(global.apiUrls.post5c78c4772da97).then(res => {
          if (res.data.code == 1) {
            this.is_vip = res.data.data.is_vip

          }
        })
      }
      this.getDAta()
      this.getList()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {
      let that = this
      if (uni.getStorageSync('address')) {
        this.address = uni.getStorageSync('address')
        console.log(' this.address', this.address)
      } else {
        uni.getLocation({
          type: 'gcj02',
          // #ifdef APP
          geocode: true,
          // #endif
          isHighAccuracy: true,
          success: adr => {
            console.log('adradradradr', adr)
            const obj = {
              latitude: adr.latitude,
              longitude: adr.longitude,
              city: adr.address.city
            }
            uni.setStorageSync('address', obj)
            that.address = uni.getStorageSync('address')
          }
        })
      }
    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      goMyragin(type) {
        if (!this.isLogin) {
          this.toLoginDiy();
          return;
        }
        this.station = type
        if (type == 3) {
          console.log('lllll')
          // 跳转到我的粮站
          uni.navigateTo({
            url: `/pages/wode/mygrainStation/mygrainStation`
          })
          return;
        }
      },
      gohref() {
        if (!this.is_vip) {
          this.$message.info('请前往充值会员')
          setTimeout(res => {
            uni.navigateTo({
              url: `/pages/wode/rurchaseMembership/rurchaseMembership`
            })
          }, 500)
          return;
        }
        this.$api.post(global.apiUrls.post65d84a4c2a9f6, {
          user_id: this.userInfo && this.userInfo.id
        }).then(res => {
          console.log('ressssssss', res.data.code, )
          if (res.data.code == 1) {
            this.$urouter.navigateTo(`/pages/wode/mygrainStation/mygrainStation`);
          } else if (res.data.code == '-1') {
            this.$urouter.navigateTo(`/pages/wode/notgrainStation/notgrainStation`);
          }
        })
      },
      getDAta() {
        this.$api.post(global.apiUrls.post656ee500b728a).then(res => { //查询品类类别列表
          if (res.data.code == 1) {
            this.pinzhongList = res.data.data
          }
        })
        this.$api.post(global.apiUrls.post65dc2348a02eb).then(res => { //查询品类类别列表
          if (res.data.code == 1) {
            this.cateList = res.data.data
          }
        })
      },
      chooseCate(item) {
        this.cateId = item.aid
        console.log('pppp', item, this.cateId)
        this.getList()
      },
      markertap(e) {
        console.log('eweee', e)
        let _this = this
        let markObj = _this.markers[e.detail.markerId - 1];
        uni.navigateTo({
          url: `/pages/shouye/grainDetails/grainDetails?aid=${markObj.val.aid}`
        })
        console.log('markObjmarkObjmarkObj', markObj.val.aid)
      },
      getList() {
        if (this.type == 4) {
          this.$api.post(global.apiUrls.post65d9944975393, {
            firmkind_id: this.Manufacturer
          }).then(res => {
            if (res.data.code == 1) {
              this.dataList = res.data.data
            }
          })
          return;
        }
        if (this.type == 3) {
          let urlls = ''
          if (this.station == 2) {
            urlls = global.apiUrls.post65d83f1edcfe6
          } else { //地图列表
            urlls = global.apiUrls.post65dc2d8ea9a68
          }
          this.$api.post(urlls, {
            liagnzhanothercate_id: this.cateId,
            // chengshi: this.address.city
            lat: this.address.latitude,
            lng: this.address.longitude

          }).then(res => {
            if (res.data.code == 1) {
              this.dataList = res.data.data;
              if (this.station == 1) {
                this.circles = this.dataList.map((val, key) => {
                  let obj = {};
                  obj.latitude = val.lat;
                  obj.longitude = val.lng;
                  obj.radius = 60;
                  obj.strokeWidth = 0;
                  obj.color = '#d1682d80';
                  obj.fillColor = '#d1682d80';
                  return obj;
                })
                this.markers = this.dataList.map((val, key) => {
                  let obj = {};
                  obj.id = key + 1;
                  obj.latitude = parseFloat(val.latitude);
                  obj.longitude = parseFloat(val.longitude);
                  obj.val = val;
                  obj.width = 12;
                  obj.height = 12;
                  obj.iconPath = val.iconPath;
                  obj.title = val.mingcheng
                  let lab = {};
                  lab.content = val.mingcheng;
                  lab.color = "white";
                  lab.textAlign = "center";
                  lab.borderColor = "#FFFFFF";
                  lab.bgColor = "#000000";
                  lab.padding = 4;
                  obj.label = lab;

                  return obj
                })
                console.log('markers', this.markers)
              }
            }
          })
          return;
        }
        this.minixPagingListsApi = global.apiUrls.post656ef1f758933;
        this.pageingListApiMethod = 'post';
        this.allowOnloadGetList = false;
        this.pagingListPostDataContent = {
          fenlei: this.type,
          suozaidi: this.suozaidi,
          buycate_id: this.pingid,
        }
        this.listData = [];
        this.dataList = this.listData;
        this.pagingListToggle();
        console.log(this.dataList)
      },
      pagingListPostData() {
        return this.pagingListPostDataContent
      },
      seacrhList1() {
        this.$refs.benbenWritePickerCodepicker2.pickerConfirm()
        if (this.pingid) {
          this.pingid = this.pingid.split(',')[2]
          this.getList()
        }
      },
      clearSearch(type) {
        if (type == 1) {
          this.suozaidi = ''
        } else {
          this.pingName = ''
          this.pingid = []
          console.log('pingName', this.pingName)
        }
        this.getList()
      },
      seacrhList() {
        this.$refs.benbenWritePickerCodepicker3.pickerConfirm()
        this.getList()
      },
      //表头栏切换
      switchHeaderFunc(type) {
        this.type = type;
        this.getList()
      }
    }
  };
</script>
<style lang="scss" scoped>
  .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #EEE;
    z-index: 9;
    padding-left: 16rpx;
    padding-right: 16rpx;
  }

  .buycate_mingcheng {
    color: #ec161a;
    font-size: 40rpx;
    // transform: skewX(-20deg);
    /* -20deg为负值表示向左倾斜 */
  }

  .map {
    flex: 1;
    // width: 750rpx;
    width: 100%;
    height: 1000rpx;
  }

  ::v-deep .amap-logo {
    opacity: 0 !important;
  }

  ::v-deep .amap-copyright {
    opacity: 0 !important;
  }

  .fu-tab {
    width: 500rpx;
    height: 96rpx;
    white-space: nowrap;
    transform: translateY(26rpx);

    .fu-tab-item {
      margin: 0 16rpx;
      display: inline-block;
      width: 160rpx;
      border-radius: 16rpx;
      background: #EEEEEE;
      border: 2rpx solid #EEEEEE;
      color: #333333;
      font-size: 28rpx;
      text-align: center;

      &.active {
        border: 2rpx solid rgb(37, 104, 174);
        color: #2568AE;
      }
    }
  }

  .margin-top-llllg {
    // #ifdef APP
    padding: 150rpx 30rpx 120rpx 30rpx;
    // #endif
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background-color: #eee;
    background-size: 100% auto;
    padding: 200rpx 30rpx 120rpx 30rpx;
    // #ifdef APP
    padding: 250rpx 30rpx 120rpx 30rpx;
    // #endif
  }

  .businessPage_fd0_3_c3_c0 {
    margin: 0rpx 27rpx 0rpx 0rpx;
  }

  .businessPage_fd0_3_c3 {
    background: url(image-path('101.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% 100%;
  }

  .businessPage_fd0_3_c1_c2 {
    background: url(image-path('69.png')) no-repeat;
    width: 87rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: 12rpx;
    right: -48rpx;
  }

  .businessPage_fd0_2_c2_c0_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: var(--benbenFontColor3);
    font-size: 36rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd0_2_c2_c0 {
    position: relative;
  }

  .businessPage_fd0_2_c1_c2 {
    background: url(image-path('69.png')) no-repeat;
    width: 87rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: 12rpx;
    right: -48rpx;
  }

  .businessPage_fd0_1_c1_c1 {
    background: url(image-path('69.png')) no-repeat;
    width: 87rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: 12rpx;
    right: -24rpx;
  }

  .businessPage_fd0_1_c1_c0 {
    // margin: 0rpx 0rpx 0rpx 16rpx;
  }

  .businessPage_fd0_1_c1 {
    background: url(image-path('97.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% 100%;
    position: relative;
  }

  .businessPage_fd0_1_c0 {
    position: relative;
    width: 160rpx;
    height: 108rpx;
  }

  .businessPage_fd0_0_c2 {
    width: 160rpx;
    height: 108rpx;
  }

  .businessPage_fd0_0_c1_c2_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 400;
    line-height: 20rpx;
  }

  .businessPage_fd0_0_c1_c2 {
    background: url(image-path('69.png')) no-repeat;
    width: 87rpx;
    height: 30rpx;
    background-size: 100% auto;
    position: absolute;
    z-index: 1;
    top: 12rpx;
    right: -48rpx;
  }

  .businessPage_fd0_0_c1_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: #999999;
    font-size: 36rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd0_0_c1 {
    // margin: 0rpx 0rpx 0rpx 24rpx;
    position: relative;
    width: 140rpx;
    height: 108rpx;
  }

  .businessPage_fd0_0_c0_c0_c1 {
    margin: 4rpx 0rpx 0rpx 0rpx;
    color: rgba(255, 255, 255, 1);
    font-size: 36rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd0_0_c0_c0_c0 {
    width: 44rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd0_0_c0_c0 {
    margin: 0rpx 0rpx 0rpx 61rpx;
    position: relative;
  }

  .businessPage_fd0_0_c0 {
    background: url(image-path('95.png')) no-repeat;
    width: 219rpx;
    height: 108rpx;
    background-size: 100% auto;
  }

  .businessPage_fd0_0 {
    // padding: 0rpx 16rpx 0rpx 16rpx;
  }

  .businessPage_flex_1 {
    background: #eee;
    background-size: 100% auto;
    padding: 24rpx 24rpx 0 24rpx;
  }

  .businessPage_fd1_1_c0_c1 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .businessPage_fd1_1_c0_c0 {
    color: rgba(37, 104, 174, 1);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
    // -webkit-line-clamp: 1;
    // overflow: hidden;
    // text-overflow: ellipsis;
    // display: -webkit-box;
    // -webkit-box-orient: vertical;
    // width: 57rpx;
  }

  .businessPage_fd1_1_c0 {
    background: rgba(37, 104, 174, 0.1);
    // width: 140rpx;
    height: 56rpx;
    border-radius: 32rpx;
    padding: 0 10rpx; // background-size: 100% auto;
    margin: 0rpx 40rpx 0rpx 0rpx;
  }

  .businessPage_fd1_1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd1_0_c0_c1 {
    width: 20rpx;
    height: 11rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .businessPage_fd1_0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
  }

  .businessPage_fd1_0_c0 {
    background: rgba(248, 248, 250, 1);
    min-width: 132rpx;
    height: 56rpx;
    border-radius: 32rpx;
    background-size: 100% auto;
    margin: 0rpx 54rpx 0rpx 0rpx;
  }

  .businessPage_picker2_0_c2 {
    color: rgba(37, 104, 174, 1);
  }

  .businessPage_picker2_0_c0 {
    color: rgba(191, 191, 191, 1);
  }

  .businessPage_picker2_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .businessPage_picker3_0_c2 {
    color: rgba(37, 104, 174, 1);
  }

  .businessPage_picker3_0_c0 {
    color: rgba(191, 191, 191, 1);
  }

  .businessPage_picker3_0 {
    border-bottom: 1px solid #eee;
    background: #fff;
    padding: 0rpx 32rpx 0rpx 32rpx;
    line-height: 88rpx;
    border-radius: 25rpx 25rpx 0rpx 0rpx;
    background-size: 100% auto !important;
  }

  .businessPage_flex_4 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% 100%;
    margin-top: 24rpx;
    padding: 0rpx 24rpx 24rpx 24rpx;
    border-bottom: 2rpx solid #eeeeee;
  }

  .businessPage_fd4_3 {
    background: url(image-path('40.png')) no-repeat;
    background-size: 100% 100%;
    padding: 24rpx 24rpx 24rpx 28rpx;
  }

  .businessPage_fd4_1_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .businessPage_fd4_1_c0_c1_c1 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .businessPage_fd4_1_c0_c1_c0 {
    width: 85rpx;
    height: 39rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .businessPage_fd4_1_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd4_1_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd4_1 {
    background: url(image-path('182.png')) no-repeat;
    width: 100%;
    height: 186rpx;
    background-size: 100% 100%;
    padding: 24rpx 24rpx 35rpx 28rpx;
  }

  .businessPage_fd4_0_c3_c2_c1 {
    color: rgba(255, 255, 255, 1);
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c3_c2_c0_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 700;
    line-height: 20rpx;
  }

  .businessPage_fd4_0_c3_c2_c0 {
    background: url(image-path('51.png')) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    padding: 4rpx 12rpx 4rpx 12rpx;
  }

  .businessPage_fd4_0_c3_c2 {
    background: rgba(37, 104, 174, 1);
    margin: 0rpx 0rpx 0rpx auto;
    width: 300rpx;
    height: 88rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .businessPage_fd4_0_c3_c1_c1_c0 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c3_c1_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c3_c1_c0 {
    color: #101010;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c3_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 100rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c2_c1_c0 {
    color: #BFBFBF;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c2_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 24rpx 24rpx 77rpx 24rpx;
  }

  .businessPage_fd4_0_c2_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin-top: 20rpx;
  }

  .businessPage_fd4_0_c2 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c1_c1_c3_c0_c1 {
    color: #C86105;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c1_c1_c3_c0_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c1_c1_c3_c0 {
    margin: 0rpx 40rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c1_c1_c1_c1 {
    // margin: 0rpx 0rpx 0rpx 38rpx;
  }

  .businessPage_fd4_0_c1_c1_c1_c0_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c1_c1_c0_c1 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c1_c1_c0_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c1_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 8rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0_c0_c4_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c0_c4_c0 {
    color: rgba(236, 22, 26, 1);
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd4_0_c0_c4 {
    margin: 0rpx 0rpx 0rpx auto;
  }

  .businessPage_fd4_0_c0_c2 {
    width: 100rpx;
    height: 50rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 20rpx 0rpx 20rpx;
  }

  .businessPage_fd4_0_c0_c1 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .businessPage_fd4_0_c0_c0 {
    width: 123rpx;
    height: 44rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .businessPage_fd4_0 {
    // border-bottom: 1px solid #eee;
    background: rgba(255, 255, 255, 1);
    background-size: 100% auto;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .businessPage_flex_5 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 0rpx 24rpx 24rpx 24rpx;
    // border-bottom: 2rpx solid #eeeeee;
    margin-top: 24rpx;
  }

  .businessPage_fd5_1_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .businessPage_fd5_1_c0_c1_c1 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .businessPage_fd5_1_c0_c1_c0 {
    width: 85rpx;
    height: 39rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .businessPage_fd5_1_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd5_1_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd5_1 {
    background: url(image-path('40.png')) no-repeat;
    width: 100%;
    height: 186rpx;
    background-size: 100% 100%;
    padding: 24rpx 24rpx 35rpx 28rpx;
  }

  .businessPage_fd5_0_c3_c2_c1 {
    color: #624314;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c3_c2_c0_c0 {
    color: #FFFFFF;
    font-size: 20rpx;
    font-weight: 700;
    line-height: 20rpx;
  }

  .businessPage_fd5_0_c3_c2_c0 {
    background: url(image-path('50.png')) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    padding: 4rpx 12rpx 4rpx 12rpx;
  }

  .businessPage_fd5_0_c3_c2 {
    background: linear-gradient(90deg, #FBEBCC 0%, #F8D48F 100%);
    margin: 0rpx 0rpx 0rpx auto;
    width: 360rpx;
    height: 88rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .businessPage_fd5_0_c3_c1_c1_c0 {
    color: #999999;
    font-size: 22rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c3_c1_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c3_c1_c0 {
    color: #101010;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c3_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 100rpx;
    margin: 0rpx 12rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c2_c1_c0 {
    color: #BFBFBF;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c2_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 0rpx 0rpx 0rpx 24rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 24rpx 24rpx 24rpx 24rpx;
  }

  .businessPage_fd5_0_c2_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin-top: 20rpx;
  }

  .businessPage_fd5_0_c2 {
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c1_c2_c0_c0 {
    color: #667D91;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .businessPage_fd5_0_c1_c2_c0 {
    background: rgba(244, 247, 255, 1);
    padding: 4rpx 14rpx 4rpx 14rpx;
    border-radius: 4rpx;
    background-size: 100% auto;
    margin: 24rpx 20rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c1_c1_c0_c1 {
    margin: 15rpx 0rpx 0rpx 0rpx;
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c1_c1_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c1_c1 {
    background: rgba(248, 248, 250, 1);
    margin: 24rpx 0rpx 0rpx 0rpx;
    background-size: 100% auto;
    padding: 24rpx 32rpx 24rpx 32rpx;
  }

  .businessPage_fd5_0_c1_c0_c0 {
    color: #999999;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c1_c0 {
    color: #101010;
    font-size: 28rpx;
    line-height: 0rpx;
    font-weight: 400;
  }

  .businessPage_fd5_0_c1 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0_c0_c3_c1 {
    color: #101010;
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c0_c3_c0 {
    color: rgba(236, 22, 26, 1);
    font-size: 30rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd5_0_c0_c3 {
    margin: 0rpx 0rpx 0rpx auto;
  }

  .businessPage_fd5_0_c0_c2 {
    width: 100rpx;
    height: 50rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 20rpx;
  }

  .businessPage_fd5_0_c0_c1 {
    color: #101010;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 42rpx;
  }

  .businessPage_fd5_0_c0_c0 {
    width: 60rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 18rpx 0rpx 0rpx;
  }

  .businessPage_fd5_0 {
    border-bottom: 1px solid #eee;
    background: rgba(255, 255, 255, 1);
    background-size: 100% auto;
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .businessPage_flex_6 {
    background: rgba(248, 248, 250, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
  }

  .businessPage_fd6_3_c0_c1_c1 {
    background: linear-gradient(90deg, #FBEBCC 0%, #F8D48F 100%);
    width: 300rpx;
    height: 80rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .businessPage_fd6_3_c0_c1_c0_c2 {
    color: #624314;
    font-size: 32rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd6_3_c0_c1_c0_c1 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 11rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c1_c0_c0 {
    width: 72rpx;
    height: 29rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: 0rpx;
    left: 0rpx;
    z-index: 1;
  }

  .businessPage_fd6_3_c0_c1_c0 {
    background: linear-gradient(90deg, #F3E0C7 0%, #F2C49D 100%);
    width: 300rpx;
    height: 80rpx;
    border-radius: 24rpx;
    background-size: 100% auto;
    position: relative;
  }

  .businessPage_fd6_3_c0_c1 {
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c4_c2 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 34rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c4_c1 {
    color: #C86105;
    font-size: 26rpx;
    font-weight: 400;
    line-height: 26rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c4_c0 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 16rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c4 {
    margin: 17rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c3_c1_c0 {
    color: #667D91;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 24rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c3_c1 {
    background: rgba(244, 247, 255, 1);
    margin: 0rpx 0rpx 10rpx 24rpx;
    padding: 4rpx 14rpx 4rpx 14rpx;
    border-radius: 4rpx;
    background-size: 100% auto;
  }

  .businessPage_fd6_3_c0_c0_c1_c3_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c3 {
    margin: 24rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c2_c3 {
    color: #2568AE;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c2_c0 {
    color: rgba(153, 153, 153, 1);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c2 {
    margin: 10rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
    margin: 14rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0_c0_c1_c0 {
    color: #101010;
    font-size: 34rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .businessPage_fd6_3_c0_c0_c0 {
    width: 220rpx;
    height: 220rpx;
    border-radius: 8rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .businessPage_fd6_3_c0 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx;
    background-size: 100% auto;
    margin: 0rpx 0rpx 24rpx 0rpx;
    padding: 32rpx 24rpx 40rpx 24rpx;
  }

  .businessPage_fd6_2_c1_c0 {
    color: rgba(51, 51, 51, 1);
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
  }

  .businessPage_fd6_2_c1 {
    background: rgba(248, 248, 248, 1);
    padding: 8rpx 24rpx 8rpx 24rpx;
    border-radius: 28rpx;
    background-size: 100% auto;
  }

  .businessPage_fd6_2_c0_c1 {
    width: 20rpx;
    height: 11rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx 8rpx;
  }

  .businessPage_fd6_2_c0_c0 {
    color: #2568AE;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 28rpx;
  }

  .businessPage_fd6_2_c0 {
    background: rgba(37, 104, 174, 0.1);
    padding: 8rpx 24rpx 8rpx 24rpx;
    border-radius: 28rpx;
    background-size: 100% auto;
  }

  .businessPage_fd6_2 {
    height: 100rpx;
    padding: 0rpx 28rpx 0rpx 28rpx;
  }

  .businessPage_titlefd6_1_c0_c7 {
    background: rgba(248, 248, 248, 1);
    padding: 8rpx 24rpx 8rpx 24rpx;
    background-size: 100% auto;
    border-radius: 50rpx;
    margin: 0rpx 14rpx 0rpx 0rpx;
  }

  .businessPage_titlefd6_1_c0_c3 {
    background: rgba(248, 248, 248, 1);
    padding: 8rpx 24rpx 8rpx 24rpx;
    border-radius: 50rpx;
    background-size: 100% auto;
    margin: 0rpx 14rpx 0rpx 0rpx;
  }

  .businessPage_linefd6_1_c0 {
    background: rgba(255, 255, 255, 1);
    width: 100rpx;
    height: 8rpx;
    top: 80rpx;
    background-size: 100% auto !important;
  }

  .checkTitlefd6_1_c0 {
    font-weight: 500 !important;
    font-size: 28rpx !important;
    color: #2568AE !important;
    background-color: #E8EFF7 !important;
  }

  ::v-deep .businessPage_benbenTabsfd6_1_c0 {
    background: #eee;
    width: 710rpx;
    height: 96rpx;
    white-space: nowrap;
    text-align: center;
    // padding: 0rpx 0rpx 0rpx 14rpx;
    margin: 0 auto;
  }

  .businessPage_titlefd6_0_c0_c3 {
    width: 199rpx;
    height: 77rpx;
    border-radius: 16rpx;
  }

  .businessPage_linefd6_0_c0 {
    background: rgba(248, 248, 250, 1);
    width: 100rpx;
    height: 8rpx;
    top: 93rpx;
    background-size: 100% auto !important;
  }

  .checkTitlefd6_0_c0 {
    font-weight: 500 !important;
    font-size: 28rpx !important;
    color: #FFFFFF !important;
    background-color: #2568AE !important;
  }

  ::v-deep .businessPage_benbenTabsfd6_0_c0 {
    background: rgba(248, 248, 250, 1);
    width: 710rpx;
    height: 101rpx;
    white-space: nowrap;
    text-align: center;
    background-size: 100% auto;
  }

  .businessPage_fd6_0 {
    background: rgba(248, 248, 250, 1);
    background-size: 100% auto;
  }

  .businessPage_flex_7 {
    background: rgba(255, 255, 255, 1);
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% 100%;
    // margin-top: -100rpx;
    position: relative;
    z-index: 2;
    top: -80rpx;
    margin: 0 auto;
    // width: 710rpx;
  }

  .businessPage_fd7_6 {
    background: url(image-path('40.png')) no-repeat;
    background-size: 100% 100%;
    padding: 24rpx 24rpx 16rpx 28rpx;
    margin: 24rpx 16rpx 0rpx 16rpx;
  }

  .businessPage_fd7_4_c1 {
    background: linear-gradient(90deg, #FDECBF 0%, #FFD998 100%);
    border-radius: 8rpx;
    width: 160rpx;
    line-height: 64rpx;
    font-size: 28rpx;
    color: rgba(121, 76, 32, 1);
  }

  .businessPage_fd7_4_c0_c1_c1 {
    color: #FEE0A6;
    font-size: 24rpx;
    font-weight: 500;
    line-height: 34rpx;
  }

  .businessPage_fd7_4_c0_c1_c0 {
    width: 85rpx;
    height: 39rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 8rpx 0rpx 0rpx;
  }

  .businessPage_fd7_4_c0_c1 {
    margin: 18rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd7_4_c0_c0 {
    width: 334rpx;
    height: 52rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd7_4 {
    background: url(image-path('40.png')) no-repeat;
    background-size: 100% 100%;
    width: 690rpx;
    height: 165rpx;
  }

  .businessPage_fd7_3_c1_c2_c2_c1 {
    color: rgba(219, 68, 59, 1);
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd7_3_c1_c0_c3 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .businessPage_fd7_3_c1_c0_c2_c1 {
    color: #50B6A2;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd7_3_c1_c0_c2_c0 {
    width: 24rpx;
    height: 24rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    margin: 0rpx 4rpx 0rpx 0rpx;
  }

  .businessPage_fd7_3_c1_c0_c2 {
    margin: 0rpx 0rpx 0rpx 30rpx;
  }

  .businessPage_fd7_3_c1_c0_c1 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
    // margin: 0rpx 0rpx 0rpx 48rpx;
  }

  .businessPage_fd7_3_c1_c0_c0_c1 {
    margin: 10rpx 0rpx 0rpx 0rpx;
    color: #878787;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd7_3_c1_c0_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd7_3_c1_c0 {
    border-bottom: 1px solid #eee;
    padding: 24rpx 0rpx 24rpx 0rpx;
  }

  .businessPage_fd7_3_c0_c0 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 700;
    line-height: 32rpx;
  }

  .businessPage_fd7_3_c0 {
    margin: 0rpx 49rpx 0rpx 0rpx;
  }

  .businessPage_fd7_3 {
    background: rgba(248, 248, 250, 1);
    margin: 26rpx 16rpx 0rpx 16rpx;
    border-radius: 16rpx;
    background-size: 100% auto;
    padding: 0rpx 8rpx 0rpx 16rpx;
  }

  .businessPage_fd7_2_c1_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
    margin: 0rpx 0rpx 0rpx 43rpx;
  }

  .businessPage_fd7_2_c0_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
    // width: 245rpx;
  }

  .businessPage_fd7_2_c0_c0 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 32rpx;
    margin: 0rpx 60rpx 0rpx 24rpx;
  }

  .businessPage_fd7_2 {
    margin: 20rpx 16rpx 0rpx 16rpx;
  }

  .businessPage_linefd7_1_c0 {
    background: rgba(37, 104, 174, 1);
    width: 40rpx;
    height: 6rpx;
    top: 78rpx;
    background-size: 100% auto !important;
    border-radius: 3rpx;
  }

  .checkTitlefd7_1_c0 {
    font-weight: 700 !important;
    font-size: 32rpx !important;
    color: #2568AE !important;
    background-color: rgba(255, 255, 255, 1) !important;
  }

  ::v-deep .businessPage_benbenTabsfd7_1_c0 {
    background: #fff;
    width: 676rpx;
    height: 88rpx;
    white-space: nowrap;
    text-align: center;
    font-size: 32rpx;
    font-weight: 400;
    color: #666666;
  }

  .businessPage_fd7_0_c1 {
    width: 119rpx;
    height: 55rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .businessPage_fd7_0_c0 {
    color: #101010;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 32rpx;
  }

  .businessPage_fd7_0 {
    background: rgba(241, 247, 253, 1);
    border-radius: 12rpx;
    background-size: 100% auto;
    padding: 12rpx 24rpx 12rpx 21rpx;
    margin: 32rpx 16rpx 0rpx 16rpx;
  }

  .businessPage_fd8_0 {
    width: 120rpx;
    height: 120rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: fixed;
    right: 17rpx;
    bottom: calc(100rpx + var(--window-bottom));
    z-index: 9999;
  }
</style>
